<?php
error_reporting (E_ALL ^ E_NOTICE);
$noImage = "../css/backend/screen/images/noImage.png";
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Architekten-Kuner Admininistration</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        
		<link type="text/css" href="../css/backend/layout.css" rel="stylesheet" />
		<link type="text/css" href="../css/jquery.ui/jquery-ui-1.8.5.custom.css" rel="stylesheet" />
		<link type="text/css" href="../lib/js/backend/plugins/jCrop/css/jquery.Jcrop.css" rel="stylesheet" />
		
        <!--[if lte IE 7]>
            <link href="../css/backend/patches/patch_layout.css" rel="stylesheet" type="text/css" />
        <![endif]-->
        
		<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> -->
		<script type="text/javascript" src="../lib/js/jquery/jquery-1.4.2.min.js"></script>
		<script type="text/javascript" src="../lib/js/jquery/jquery-ui-1.8.5.custom.min.js"></script>
        <script type="text/javascript" src="../lib/js/json/json_min.js"></script>
        <script type="text/javascript" src="../lib/js/backend/utils.js"></script>
        <script type="text/javascript" src="../lib/js/backend/admin.js"></script>
        <script type="text/javascript" src="../lib/js/backend/itemContainer.js"></script>
        <script type="text/javascript" src="../lib/js/backend/item.js"></script>
        <script type="text/javascript" src="../lib/js/backend/category.js"></script>
        <script type="text/javascript" src="../lib/js/backend/project.js"></script>
        <script type="text/javascript" src="../lib/js/backend/button.js"></script>
        <script type="text/javascript" src="../lib/js/backend/plugins/swfUpload/jquery.swfupload.js"></script>
        <script type="text/javascript" src="../lib/js/backend/plugins/swfUpload/swfupload.js"></script>
		<script type="text/javascript" src="../lib/js/backend/plugins/jCrop/js/jquery.Jcrop.min.js"></script>
		<script type="text/javascript" src="../lib/js/backend/plugins/tinymce/jscripts/tiny_mce/jquery.tinymce.js"></script>
		
        <script type="text/javascript">
            $(document).ready(function(){
                init();
            });
        </script>
    </head>
    <body>
        <div class="page_margins">
        	<!-- start: skip link navigation -->
		    <a class="skip" title="skip link" href="#navigation">Skip to the navigation</a><span class="hideme">.</span>
		    <a class="skip" title="skip link" href="#content">Skip to the content</a><span class="hideme">.</span>
		    <!-- end: skip link navigation -->
		    <!-- start: skip link navigation -->
		    <!-- end: skip link navigation -->
		    <div class="page">
                <div id="main">
<!--
#######################################################################################################################
###################################################### CATEGORIES #####################################################
#######################################################################################################################
-->
                    <form id="form_category" method="post" action="" class="yform firstCol">
                        <fieldset id="fs_categories" class="outer">
                            <legend>Hauptmenü</legend>
							<fieldset id="fs_ctg_ctrl" class="fs_ctrl inner">
								<div class="type-select">
	                                <select name="select_category" id="select_category" size="9">
	                                </select>
	                            </div>
							</fieldset>
							<fieldset id="fs_ctg_btns" class="fs_btns inner">
								<div class="type-button center">
									<input type="button" name="btn_newCtg" id="btn_newCtg" value="new" />
								</div>
								<div class="type-button center">
									<input type="button" name="btn_saveCtg" id="btn_saveCtg" value="save" />
								</div>
								<div class="type-button center">
									<input type="button" name="btn_resetCtg" id="btn_resetCtg" value="reset" />
								</div>
								<div class="type-button center">
									<input type="button" name="btn_deleteCtg" id="btn_deleteCtg" value="delete" />
								</div>
							</fieldset>
							<fieldset id="fs_ctg_io" class="fs_io inner">
								<div class="type-text disabled">
		                            <label for="ctg_id">Kategorie ID</label>
		                            <input name="ctg_id" type="text" id="ctg_id" disabled="disabled" />
								</div>
								<div class="type-text">
		                            <label for="ctg_label">Label<sup title="Dies ist ein Pflichtfeld">*</sup></label>
		                            <input name="ctg_label" type="text" id="ctg_label" maxlength="15" />
								</div>
								<div class="type-text">
		                            <label for="ctg_alias">Alias<sup title="Dies ist ein Pflichtfeld">*</sup></label>
		                            <input name="ctg_alias" type="text" id="ctg_alias" maxlength="20" disabled="disabled" />
	                            </div>
								<div class="type-select">
									<label for="ctg_position">Reihenfolge</label>
		                            <select name="ctg_position" id="ctg_position">
		                            </select>
	                            </div>
								<div class="type-select twoCols col1">
									<label for="ctg_start_x">Start X</label>
		                            <select name="ctg_start_x" id="ctg_start_x">
		                                <option value="0">1</option>
		                                <option value="1">2</option>
		                                <option value="2">3</option>
		                                <option value="3">4</option>
		                                <option value="4">5</option>
		                                <option value="5">6</option>
		                            </select>
	                            </div>
								<div class="type-select twoCols col2">
		                            <label for="ctg_start_y">Start Y</label>
		                            <select name="ctg_start_y" id="ctg_start_y">
		                                <option value="0">1</option>
		                                <option value="1">2</option>
		                                <option value="2">3</option>
		                                <option value="3">4</option>
		                                <option value="4">5</option>
		                                <option value="5">6</option>
		                            </select>
								</div>
								<div class="type-image twoCols col1">
									<label for="ctg_thumb_container">Thumbnail</label>
									<div id="ctg_thumb_container" class="thumb_container">
	                                	<img id="ctg_thumb" class="thumb" src="<?php echo $noImage ?>" alt="Kein Bild vorhanden" title="Kein Bild vorhanden" width="75" height="75" />
	                                </div>
                                </div>
	                            <div class="twoCols colRight">   
	                                <div class="type-check" style="padding-top: 15px">
									  <input type="checkbox" value="ctg_thumb_enable" name="ctg_thumb_enable" id="ctg_thumb_enable" class="checkbox_enable" />
									  <label for="ctg_thumb_enable">anzeigen</label>
									</div>
									<div class="type-check">
									  <input type="checkbox" value="delete" name="ctg_thumb_delete" id="ctg_thumb_delete" class="checkbox_delete" />
									  <label for="ctg_thumb_delete">löschen</label>
									</div>
									<div id="ctg_thumb_upload_container" class="upload_container">
										<input type="button" id="ctg_thumb_upload_btn" class="upload_btn" />
										<div id="ctg_thumb_upload_progress_bar" class="progress_bar">
											<div id="ctg_progress_bar_inner" class="progress_bar_inner"></div>
										</div>
									</div>
								</div>
                                <div class="type-text clearCols" >
                                	<label for="ctg_thumb_path">Thumb URL:</label>
                                	<input name="ctg_thumb_path" type="text" id="ctg_thumb_path" size="20" />
                                </div>
							</fieldset>
                        </fieldset>
					</form>
<!--
#######################################################################################################################
###################################################### PROJECTS #######################################################
#######################################################################################################################
-->
					<form id="form_project" method="post" action="" class="yform">
                        <fieldset id="fs_projects" class="outer">
                        	<legend>Projekte</legend>
							<fieldset id="fs_prj_ctrl" class="fs_ctrl inner">
								<div class="type-select">
									<select name="select_project" id="select_project" size="9">		
									</select>
								</div>
							</fieldset>
							<fieldset id="fs_prj_btns" class="fs_btns inner">
								<div class="type-button center">
									<input type="button" name="btn_newPrj" id="btn_newPrj" value="new" />
								</div>
								<div class="type-button center">
									<input type="button" name="btn_savePrj" id="btn_savePrj" value="save" />
								</div>
								<div class="type-button center">
									<input type="button" name="btn_resetPrj" id="btn_resetPrj" value="reset" />
								</div>
								<div class="type-button center">
									<input type="button" name="btn_deletePrj" id="btn_deletePrj" value="delete" />
								</div>
							</fieldset>
							<fieldset id="fs_prj_io" class="fs_io inner">
								<div class="type-text disabled">
		                            <label for="prj_id">Projekt ID</label>
		                            <input name="prj_id" type="text" id="prj_id" disabled="disabled" />
								</div>
								<div class="type-text disabled">
		                            <label for="prj_category_id">Kategorie ID</label>
		                            <input name="prj_category_id" type="text" id="prj_category_id" disabled="disabled" />
								</div>
								<div class="type-text">
		                            <label for="prj_label">Label<sup title="Dies ist ein Pflichtfeld">*</sup></label>
		                            <input name="prj_label" type="text" id="prj_label" maxlength="15" />
								</div>
								<div class="type-text">
		                            <label for="prj_alias">Alias<sup title="Dies ist ein Pflichtfeld">*</sup></label>
		                            <input name="prj_alias" type="text" id="prj_alias" maxlength="20" disabled="disabled" />
	                            </div>
								<div class="type-select">
									<label for="prj_position">Reihenfolge</label>
		                            <select name="prj_position" id="prj_position">
		                            </select>
	                            </div>
	                            <div class="spacer_oneline"></div>
	                            <div class="type-image twoCols col1">
		                            <label for="prj_thumb_container">Thumbnail</label>
		                            <div id="prj_thumb_container" class="thumb_container">
	                                	<img id="prj_thumb" class="thumb" src="<?php echo $noImage ?>" alt="Kein Bild vorhanden" title="Kein Bild vorhanden" width="75" height="75" />
	                                </div>
                                </div>
                                <div class="twoCols colRight">
	                                <div class="type-check" style="padding-top: 15px">
									  <input type="checkbox" value="enable" name="prj_thumb_enable" id="prj_thumb_enable" class="checkbox_enable" />
									  <label for="prj_thumb_enable">anzeigen</label>
									</div>
									<div class="type-check">
									  <input type="checkbox" value="delete" name="prj_thumb_delete" id="prj_thumb_delete" class="checkbox_delete" />
									  <label for="prj_thumb_delete">löschen</label>
									</div>
									<div id="prj_thumb_upload_container" class="upload_container">
										<input type="button" id="prj_thumb_upload_btn" class="upload_btn" />
										<div id="prj_thumb_upload_progress_bar" class="progress_bar">
											<div id="prj_progress_bar_inner" class="progress_bar_inner"></div>
										</div>
									</div>
								</div>
                                <div class="type-text clearCols">
                                	<label for="prj_thumb_path">Thumb URL:</label>
                                	<input name="prj_thumb_path" type="text" id="prj_thumb_path" size="20" />
                                </div>
							</fieldset>
                        </fieldset>
					</form>
<!--
#######################################################################################################################
###################################################### BUTTONS ########################################################
#######################################################################################################################
-->
					<form id="form_button" method="post" action="" class="yform lastCol">
						<fieldset id="fs_buttons" class="outer">
                            <legend>Buttons</legend>
							<fieldset id="fs_btn_ctrl" class="fs_ctrl inner">
	                            <div class="type-select">
	                                <select name="select_button" id="select_button" size="9">
	                                </select>
	                            </div>
							</fieldset>
							<fieldset id="fs_btn_btns" class="fs_btns inner">
								<div class="type-button center">
									<input type="button" name="btn_newBtn" id="btn_newBtn" value="new" />
								</div>
								<div class="type-button center">
									<input type="button" name="btn_saveBtn" id="btn_saveBtn" value="save" />
								</div>
								<div class="type-button center">
									<input type="button" name="btn_resetBtn" id="btn_resetBtn" value="reset" />
								</div>
								<div class="type-button center">
									<input type="button" name="btn_deleteBtn" id="btn_deleteBtn" value="delete" />
								</div>
							</fieldset>
							<fieldset id="fs_btn_io_1" class="fs_io inner">
								<div class="type-text disabled">
		                            <label for="btn_id">Button ID</label>
		                            <input name="btn_id" type="text" id="btn_id" disabled="disabled" />
								</div>
								<div class="type-text disabled">
		                            <label for="btn_category_id">Kategorie ID</label>
		                            <input name="btn_category_id" type="text" id="btn_category_id" disabled="disabled" />
								</div>
								<div class="type-text disabled">
		                            <label for="btn_project_id">Projekt ID</label>
		                            <input name="btn_project_id" type="text" id="btn_project_id" disabled="disabled" />
								</div>
								<div class="type-text">
		                            <label for="btn_label">Label</label>
		                            <input name="btn_label" type="text" id="btn_label" maxlength="15" />
								</div>
								<div class="type-text">
		                            <label for="btn_alias">Alias<sup title="Dies ist ein Pflichtfeld">*</sup></label>
		                            <input name="btn_alias" type="text" id="btn_alias" maxlength="20" disabled="disabled" />
	                            </div>
								<div class="type-select twoCols col1">
									<label for="btn_x">Button X</label>
		                            <select name="btn_x" id="btn_x">
		                                <option value="0">1</option>
		                                <option value="1">2</option>
		                                <option value="2">3</option>
		                                <option value="3">4</option>
		                                <option value="4">5</option>
		                                <option value="5">6</option>
		                            </select>
	                            </div>
								<div class="type-select twoCols col2">
		                            <label for="btn_y">Button Y</label>
		                            <select name="btn_y" id="btn_y">
		                                <option value="0">1</option>
		                                <option value="1">2</option>
		                                <option value="2">3</option>
		                                <option value="3">4</option>
		                                <option value="4">5</option>
		                            </select>
								</div>
								<div class="type-select clearCols twoCols col1">
									<label for="btn_content_x">Inhalt X</label>
		                            <select name="btn_content_x" id="btn_content_x">
		                                <option value="0">1</option>
		                                <option value="1">2</option>
		                                <option value="2">3</option>
		                                <option value="3">4</option>
		                                <option value="4">5</option>
		                                <option value="5">6</option>
		                            </select>
	                            </div>
								<div class="type-select twoCols col2">
		                            <label for="btn_content_y">Inhalt Y</label>
		                            <select name="btn_content_y" id="btn_content_y">
		                                <option value="0">1</option>
		                                <option value="1">2</option>
		                                <option value="2">3</option>
		                                <option value="3">4</option>
		                                <option value="4">5</option>
		                            </select>
								</div>
								<div class="type-select clearCols twoCols col1">
									<label for="btn_content_width">Inhaltbreite</label>
		                            <select name="btn_content_width" id="btn_content_width">
		                                <option value="1">1</option>
		                                <option value="2">2</option>
		                                <option value="3">3</option>
		                                <option value="4">4</option>
		                                <option value="5">5</option>
		                                <option value="6">6</option>
		                            </select>
	                            </div>
								<div class="type-select twoCols col2">
		                            <label for="btn_content_height">Inhalthöhe</label>
		                            <select name="btn_content_height" id="btn_content_height">
		                                <option value="1">1</option>
		                                <option value="2">2</option>
		                                <option value="3">3</option>
		                                <option value="4">4</option>
		                                <option value="5">5</option>
		                            </select>
								</div>
								<div class="type-select clearCols">
		                            <label for="btn_interactive">Verhalten</label>
		                            <select name="btn_interactive" id="btn_interactive">
		                                <option value="1">interaktiv</option>
		                                <option value="0">statisch</option>
		                            </select>
								</div>
								<div class="type-image twoCols col1">
		                            <label for="btn_thumb_container">Thumbnail</label>
		                            <div id="btn_thumb_container" class="thumb_container">
	                                	<img id="btn_thumb" class="thumb" src="<?php echo $noImage ?>" alt="Kein Bild vorhanden" title="Kein Bild vorhanden" width="75" height="75" />
	                                </div>
                                </div>
                                <div class="twoCols colRight">
	                                <div class="type-check" style="padding-top: 15px">
									  <input type="checkbox" value="enable" name="btn_thumb_enable" id="btn_thumb_enable" class="checkbox_enable" />
									  <label for="btn_thumb_enable">anzeigen</label>
									</div>
									<div class="type-check">
									  <input type="checkbox" value="delete" name="btn_thumb_delete" id="btn_thumb_delete" class="checkbox_delete" />
									  <label for="btn_thumb_delete">löschen</label>
									</div>
									<div id="btn_thumb_upload_container" class="upload_container">
										<input type="button" id="btn_thumb_upload_btn" class="upload_btn" />
										<div id="btn_thumb_upload_progress_bar" class="progress_bar">
											<div id="btn_progress_bar_inner" class="progress_bar_inner"></div>
										</div>
									</div>
								</div>
								<div class="type-text clearCols">
                                	<label for="btn_thumb_path">Thumb URL:</label>
                                	<input name="btn_thumb_path" type="text" id="btn_thumb_path" size="20" />
                                </div>
                                <div class="type-text">
		                            <label for="btn_link">Link</label>
		                            <input name="btn_link" type="text" id="btn_link" maxlength="255" />
								</div>
								<div class="type-check">
									<input type="checkbox" value="enable" name="btn_link_enable" id="btn_link_enable" class="checkbox_enable" />
									<label for="btn_link_enable">aktiv</label>
								</div>
							</fieldset>
						</fieldset>
						<fieldset id="fs_buttons_2" class="outer">
							<fieldset id="fs_btn_io_2" class="fs_io inner">
                                <div class="type-text">
                                    <label for="btn_text">Text</label>
                                    <textarea name="btn_text" id="btn_text" cols="40" rows="18">
                                    </textarea>
                                </div>
                                <div class="type-check">
									<input type="checkbox" value="enable" name="btn_text_enable" id="btn_text_enable" class="checkbox_enable" />
									<label for="btn_text_enable">anzeigen</label>
								</div>
								<div class="type-image twoCols col1" style="width: 320px">
	                                <label for="btn_content_container">Bild</label>
	                                <div id="btn_content_container" class="content_container">
	                                	<div id="btn_btn_dummy" class="btn_dummy"></div>
	                                	<div id="btn_content_dummy" class="content_dummy"></div>
	                                	<img id="btn_img" class="img" />
	                                </div>
                                </div>
                                <div class="twoCols colRight" style="width: 95px; margin-left: 5px;">
	                                <div class="type-check" style="padding-top: 15px">
									  <input type="checkbox" value="enable" name="btn_img_enable" id="btn_img_enable" class="checkbox_enable" />
										<label for="btn_img_enable">anzeigen</label>
									</div>
									<div class="type-check">
										<input type="checkbox" value="delete" name="btn_img_delete" id="btn_img_delete" class="checkbox_delete" />
										<label for="btn_img_delete">löschen</label>
									</div>
									<div id="btn_img_upload_container" class="upload_container">
										<input type="button" id="btn_img_upload_btn" class="upload_btn" />
										<div id="btn_img_upload_progress_bar" class="progress_bar">
											<div id="btn_img_progress_bar_inner" class="progress_bar_inner"></div>
										</div>
									</div>
								</div>
								<div class="type-text clearCols">
                                	<label for="btn_img_path">Bild URL:</label>
                                	<input name="btn_img_path" type="text" id="btn_img_path" size="20" />
                                </div>
							</fieldset>
						</fieldset>
                    </form>
                </div>
			</div>
        </div>
        <!--
        ########################################################################
        ############################### Dialoge ################################ 
        ########################################################################
         -->
        
        <div id="dialog_newCtg" title="Alias der neuen Kategorie">
			<div class="type-text">
				<label for="ctg_new_alias">Alias:</label>
				<input name="ctg_new_alias" type="text" id="ctg_new_alias" maxlength="20" />
			</div>
		</div>
        <div id="dialog_newPrj" title="Alias des neuen Projektes">
			<div class="type-text">
				<label for="prj_new_alias">Alias:</label>
				<input name="prj_new_alias" type="text" id="prj_new_alias" maxlength="20" />
			</div>
		</div>
		<div id="dialog_newBtn" title="Alias des neuen Buttons">
			<div class="type-text">
				<label for="btn_new_alias">Alias:</label>
				<input name="btn_new_alias" type="text" id="btn_new_alias" maxlength="20" />
			</div>
		</div>
		<div id="dialog_crop" title="Bild beschneiden">
			<form id="form_crop" method="post" action="" class="yform cropform">
				<fieldset id="fs_crop" class="outer">
					<fieldset id="fs_crop_thumb" class="fs_crop_thumb inner">
						<div class="type-image">
							<label for="crop_thumb_container">Thumbnail</label>
							<div id="crop_thumb_container" class="thumb_container">
							</div>
						</div>
					</fieldset>
					<fieldset id="fs_crop_orig" class="fs_crop_orig inner">
						<div class="type-image">
							<label for="crop_orig_container">Bild</label>
							<div id="crop_orig_container" class="orig_container">
							</div>
						</div>
					</fieldset>
				</fieldset>
			</form>
			<div id="btn_crop_coords" class="crop_coords">
				<input type="hidden" size="4" id="img_crop_x" name="img_crop_x" />
				<input type="hidden" size="4" id="img_crop_y" name="img_crop_y" />
				<input type="hidden" size="4" id="img_crop_w" name="img_crop_w" />
				<input type="hidden" size="4" id="img_crop_h" name="img_crop_h" />
			</div>
		</div>
    </body>
</html>